﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>登录</title>
		<style>
			.loginbg{
				background-image: url(beijing.jpg);
				width: 100%;
				height: 100%;
				position: absolute;
				left: 0;
				top: 0;
				z-index: -1;
			}
			#logindiv{
				width: 550px;
				height: 450px ;
				border: 1px solid white;
				background-color: #FFFFFF;
				margin: 0 auto;
				margin-top: 50px;
				text-align: center;
				padding-top: 10px;
				
			}
			#uname{
				width: 400px;
				height: 40px;
				margin-top: 10px;
				border-radius:7px;
				padding-left: 30px;
				background-color: transparent;
				margin-left: -28px;
			}
			#upsw{
				width: 400px;
				height: 40px;
				margin-top: 10px;
				border-radius:7px;
				padding-left: 30px;
				background-color: transparent;
				margin-left: -28px;
			}
			.text{
				margin-top: 5px;
				font-family: "微软雅黑";
			}
			#loginbtn{
				width: 400px;
				height: 40px;
				margin-top: 5px;
				background-color: cadetblue;
				border: 1px solid cadetblue;
				
				border-radius: 7px; 
				color: #FFFFFF;
				font-size: 20px;
				margin-bottom: 10px;
			}
			#wenzi{
				margin-top: 10px;
			}
			.thirdlogin{
				margin-top: 5px;
				margin-bottom: 5px;
			}
		</style>
	</head>
	<body>
		<div class="loginbg">
			<div id="logindiv">
				<img src="tit.png"  >
				<h1 class="text">毕业设计管理系统</h1>
				
				<img src="user.png"><input type="text" id="uname" placeholder="请输入账号"><br>
				<img src="password.png"><input type="password" id="upsw" placeholder="请输入密码"><br>
				<button id="loginbtn">登 录</button><br>
				
				<div class="thirdlogin">
					<a href="https://graph.qq.com/oauth2.0/show?which=Login&display=pc&response_type=code&redirect_uri=http%3A%2F%2Fspcdp.cdposs.qq.com%2Fauth%2Fcallback&client_id=101477813&state=https%3A%2F%2Fspcdp.cdposs.qq.com%2F"><img src="qq.png" ></a>
					<a href="https://weibo.com/"><img src="weibo.png"></a>
					<a href="https://wx.qq.com/"><img src="weixin.png"></a>
				</div>
				<div id="wenzi">
					开发者：耿少康  192088109  理学系
				</div>
			</div>
		</div>
		
	</body>
</html>
